<!DOCTYPE html>
<html>
<title>选择器</title>
<script src="http://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
   	$(function(){
   		
   	})
</script>
<style type="text/css">
  .father{
  	width:1200px;
  	margin: 0px auto;
  	background-color: #622653;
  	color: red;
  	overflow: hidden;
  }
  .chilerd{
  	width:300px;
  	height: 390px;
  	margin: 0px auto;
  	background-color: #629653;
  	color: #153629;
    float: right;
  }

  .chilerd2{
  	width:120px;
  	height: 360px;
  	margin: 0px auto;
  	background-color: #622633;
  	color: green;
  	float: left;
  }
</style>
<body>
<div class="father">我是父元素
<div class="chilerd">我是右浮动子元素</div>
<div class="chilerd2">我是左浮动子元素</div>
</div>

</body>
</html>
			